<template>
    <div>
        <div>
            <Tab :defaultTab="defaultTab" @travelTab="travelTab"/>
            <Lately v-show="defaultTab===0" />
            <Like  v-show="defaultTab===1" />
            <Done  v-show="defaultTab===2" />
           
        </div>
    </div>
</template>
<script>
import Lately from './lately'
import Like from './like'
import Done from './done'
import Tab  from './tab'
export default {
    components:{
        Lately,Like,Done,Tab
    },
    data(){
        return{
            defaultTab:0
        }
    },
    methods:{
        travelTab(index){
            this.defaultTab = index
        }
    }
}
</script>
